<script lang="ts" setup>
import HeadBar from '@/components/headBar/index.vue'
</script>

<template>
	<div class="app-container min-h-screen">
		<el-container>
			<el-header>
				<HeadBar />
			</el-header>
			<el-main>
				<router-view v-slot="{ Component }">
					<component :is="Component" />
				</router-view>
			</el-main>
		</el-container>
	</div>
</template>

<style scoped lang="scss">
.app-container {
	background: $system-color;

	:deep(.el-header) {
		padding: 0 !important;
		height: unset;
	}

	:deep(.el-main) {
		padding: 2% 10% !important;
	}
}
</style>
